<template>
  <div>

    <h2>App组件</h2>
    <p>App中的p标签</p>
    <button @click="aa">调用子组件的方法</button>

    <!-- ref 可以给固有标签加，也可以给组件标签加 -->
    <my-test ref="test"></my-test>
    <my-abc></my-abc>

  </div>
</template>

<script>

import MyTest from './components/MyTest.vue'
import MyAbc from './components/MyAbc.vue'

export default {
  components: { MyTest, MyAbc },
  methods: {
    aa () {
      //  this.$refs.test   //  找到子组件
      //  找到子组件之后。可以使用子组件的数据，也可以调用子组件的方法
      // this.$refs.test.getP()    //  调用子组件方法
      this.$refs.test.show()      //  调用子组件的方法
    }
  }
}
</script>

<style>

</style>